#loading {position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background:url(loader_dark.gif) no-repeat center center #f5f5f5;}
#css3panels {height:600px; overflow:hidden; position:relative; z-index:0;}
#css3panels .panel {width:25%; float:left; overflow:hidden;  border: 3px solid white; margin-top: -35px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; 
-webkit-box-shadow: 0 0 15px #000; -moz-box-shadow: 0 0 15px #000; box-shadow: 0 0 15px #000;

-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: -webkit-box-shadow 0.2s ease-out; -moz-transition: -moz-box-shadow 0.2s ease-out; -ms-transition: -ms-box-shadow 0.2s ease-out; transition: box-shadow 0.2s ease-out;
-webkit-transform: rotate(7deg); -moz-transform: rotate(7deg); -ms-transform: rotate(7deg);
}
#css3panels .panel img {-webkit-transition: opacity 0.4s ease-out,  -webkit-transform 0.8s ease-out; -moz-transition: opacity 0.4s ease-out,  -moz-transform 0.8s ease-out; -ms-transition: opacity 0.4s ease-out,  -ms-transform 0.8s ease-out; -o-transition: opacity 0.4s ease-out,  -o-transform 0.8s ease-out; transition: opacity 0.4s ease-out,  transform 0.8s ease-out;}
#css3panels .panel { }
#css3panels .panel:hover {-webkit-box-shadow: 0 0 60px #000, 0 0 30px #000; -moz-box-shadow: 0 0 60px #000, 0 0 30px #000; box-shadow: 0 0 60px #000, 0 0 30px #000;}
#css3panels .panel.first {width: 28%; margin-left: -5%;}
#css3panels .panel.last {width: 29%; margin-right: -4%;}

#css3panels .panel img {max-width:none; position:relative; vertical-align:top;
/*
-webkit-transform: translatey(-60px) translatex(0px);
transform:translatey(-60px) translatex(0px);
*/

-webkit-transform: translate3d(0, -60px,0);
-moz-transform:translatey(-60px) translatex(0px);
-ms-transform:translatey(-60px) translatex(0px);
-o-transform:translatey(-60px) translatex(0px);
transform: translate3d(0, -60px,0);
}
#css3panels .panel img:hover {
	/*
-webkit-transform: translatey(-60px) translatex(-100px);
transform: translatey(-60px) translatex(-100px);
*/
-webkit-transform: translate3d(-100px, -60px,0);
-moz-transform: translatey(-60px) translatex(-100px);
-o-transform: translatey(-60px) translatex(-100px);
-ms-transform: translatey(-60px) translatex(-100px);
transform: translate3d(-100px, -60px,0);}

#css3panels .panel img.grayscale {opacity:0; filter:alpha(opacity=0); z-index:998;}
#css3panels .panel:hover img.grayscale {opacity:1; filter:alpha(opacity=100);}

#css3panels .inner-panel { margin-top:90px; position:relative;
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-ms-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
transform: rotate(-7deg);
}

#css3panels .caption {position: absolute; top: 450px; right: -100px; color: #e9e9e9; padding: 10px 300px 10px 20px; width: 720px; margin-right: -300px; z-index: 999; opacity:0.7; filter:alpha(opacity=70);
font-weight:500;
-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
#css3panels .caption.upper {top:350px;}
#css3panels .caption:before { content:""; position:absolute; width:100%; height:100%; background:#000; background:rgba(0,0,0,0.9); right: 0; top: 0; z-index: -1;
-webkit-transform: skew(-8deg); -moz-transform: skew(-8deg); -o-transform: skew(-8deg); -ms-transform: skew(-8deg); transform: skew(-8deg); }

#css3panels .caption .title {margin:0; line-height:1.3; font-size: 24px; text-align: left;}

#css3panels .panel:hover .caption {opacity:1; filter:alpha(opacity=100);}

.iosSlider .item .caption.style1 .title_big {float:left; clear:both; font-size:32px; line-height:1; color:#e9e9e9; position:relative; left: -100px; opacity:0; filter:alpha(opacity=0);
padding:15px 20px 15px 2000px; margin: 0 0 0 -2000px; z-index:1; min-width: 400px; text-align: right;}
.iosSlider .item .caption.style1 .title_big:before { content:""; position:absolute; width:100%; height:100%; background:#000; background:rgba(0,0,0,0.9); right: 0; top: 0; z-index: -1;}

.iosSlider .item .caption.style1 .more {float:left; width:30px; height:62px; margin-left:4px; position:relative; z-index:1; left: -100px;  opacity:0; filter:alpha(opacity=0);}  
.iosSlider .item .caption.style1 .more img {width: auto; padding: 23px 10px; position: absolute;}
